<script setup lang="ts">
import { UserFilled } from '@element-plus/icons-vue'
import Editor from '@/components/EditView/Editor.vue'
</script>

<template>
    <div class=" w-full h-full">
        <!-- 导航区 -->
        <div class=" bg-pink-200 h-15 w-full flex items-center  px-5 justify-between">
            <el-icon :size="45">
                <ArrowLeft />
            </el-icon>
            <div class="">
                编辑文章
            </div>
            <div class="flex items-center">
                <el-avatar :icon="UserFilled"
                    src="https://dsjmage.oss-cn-beijing.aliyuncs.com/dsj_uploads/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250123203357.jpg" />

            </div>
        </div>


        <div class=" bg-gray-200  h-full w-full flex justify-center ">
            <!-- 编辑区 -->
            <div class=" bg-white h-full w-250">
                <Editor></Editor>
            </div>
        </div>
    </div>
</template>

<style scoped></style>
